$(function(){
    // 获取整个list分页结构父元素
    var list = $(".list");
    // console.log(list);
    var H3 = $("h3");
    // console.log(H3);
    // 发送aja请求你
    $.ajax({
        url:"http://193.112.55.79:9090/api/getcategorytitle",
        dataType:"json",
        success:function(result){
            // console.log(result);
            var html = template("listO",result);
            $(".listTitle").html(html);
        }
    })
})
$(function(){
    
    setTimeout(()=>{
       FastClick.attach(document.body);
        var span = $(".glyphicon");
         console.log(span);
         for(var i=0;i<span.length;i++){
     span[i].addEventListener("click",function(){ 
        console.log($(this));
    var id = $(this).data("id");
    var _this = $(this)
    console.log(id);
      $.ajax({
                url:"http://193.112.55.79:9090/api/getcategory",
                dataType:'json',
                data:{"titleid":id},
                success:function(result){
                    console.log(result);
                    var html = template("ulO",result);
                //    console.log($(_this));
                    _this.parent().next().html(html)
                }
            })
            console.log(span);
            
             
                  console.log(id);
                    if($(this).parent().next().is(":hidden")){
                        // $(".listOption").hide();
                        $(this).parent().next().show();
                        $(this).parent().next().css("display","flex");
                    }else{
                         $(this).parent().next().hide();
                    }
                })
            
    // console.log(span); 
      }
    },500) ;
       

    
})